<div class="addAnswerModule" th:if="${session.userList==null}" xmlns:th="http://www.thymeleaf.org">
    <div class="addAnswer-wrap">
        <div class="respond">
            <p>请
                <a th:href="@{/login}" class="one-pan-link-mark">登录</a>
                后发表话题。没有帐号？
                <a th:href="@{/login?target=register}" class="one-pan-link-mark">注册</a> 一个。
            </p>
        </div>
    </div>
</div>





<div class="topic-formModule" th:if="${session.userList!=null}" xmlns:th="http://www.thymeleaf.org">
    <div class="addTopic-wrap">
        <form id="addTopicForm" action="user/control/topic/add" method="post">

            <!-- 提交后跳转参数  参数必须经过encodeBase64URL编码后才能提交 不填写时默认跳转回当前页 -->
            <input type="hidden" id="jumpUrl" name="jumpUrl" value="">

            <div style="height: 40px;">
                <div style="float:left; *margin-top: 5px;">
                    <select id="tagId" name="tagId" class="formSelect">
                        <option value="">选择标签</option>
                        <!-- 引入标签选择 -->
                        <div th:include="forum/topicRelated_tag_collection_default"></div>
                    </select>
                                        <span id="ajax_tagId_error" class="error"
                                              name="error" disabled=""></span>
                </div>
                <div style="float:left;">
                    <span>标题：</span>

                    <input type="text" id="title" name="title" class="formText" size="90"
                           alt="标题" title="标题"/>
                                        <span id="ajax_title_error" class="error"
                                              name="error" disabled=""></span>
                </div>
            </div>

            <textarea class="textarea" onfocus="" id="editor" name="content" placeholder="Balabala"></textarea>
            <span id="ajax_content_error" class="error" name="error" disabled=""></span>

            <div class="form-action">
                <!--                <input type="hidden" id="token" name="token" value="0129917438ae4377846f37338b30baae">-->

                <div class="topicSubmit">

                    <!--                    <span class="submitButton"><INPUT type="button" value="提交" onClick="javascript:sureSubmit(this.form)"></span>-->
                    <span class="submitButton"><INPUT id="ajax_submitForm" type="button" value="提交"
                                                      onClick="javascript:ajax_sureSubmit('ajax')"></span>

                    <!--                    <span class="submitButton"><input id="submit" type="submit" value="提交"></span>-->
                </div>


            </div>
            <script type="text/javascript">
                // var editor = new Simditor({
                //   textarea: $('#editor')
                //   //optional options
                // });

                    // 初始化Simditor
                    var editor = new Simditor({
                        toolbar: [
                            'title', // 标题
                            'bold', // 加粗文字
                            'italic', // 斜体文字
                            'underline', // 下划线
                            'strikethrough', // 删除线
                            '|', // 控件分隔线
                            'fontScale', // 字体大小
                            'color', // 字体颜色
                            'ol', // 有序列表
                            'ul', // 无序列表
                            'blockquote', // 引用
                            'code', // 代码块
                            'table', // 表格
                            'link', // 链接
                            'image', // 图片
                            'hr', // 分割线
                            'indent', // 向右缩进
                            'outdent', // 向左缩进
                            'alignment' // 水平对齐
                        ],
                        textarea: $('#editor'),
                        // 富文本框的placeholder属性
                        placeholder: '请尽情输入吧！',
                        // 顶部toolbar是否允许浮动
                        // 如果允许浮动，则滚动页面时，toolbar会固定在网页顶部
                        toolbarFloat: true,
                        // 浮动偏移
                        // 比如100，就是向下偏移100px
                        // 网站可能会有浮动的导航条之类的，防止冲突
                        toolbarFloatOffset: 100,
                        // 隐藏toolbar
                        toolbarHidden: false,
                        // 插入图片时的默认图路径
                        defaultImage: '/bbs/static/images/',
                        // 允许使用tab和shift+tab进行向左/向右缩进
                        tabIndent: true,
                        // 在textarea里添加隐藏input框
                        // 键是input的name属性，值是value属性
                        // 一般是用作表单提交时默认参数使用
                        // 比如这个示例就会创建
                        // <input type="hidden" name="from" value="simditor">
                        // <input type="hidden" name="type" value="1">
                        params: {
                            type: '1',
                            from: 'simditor'
                        },
                        // 图片按钮的功能
                        // upload是上传图片功能
                        // external是外链图片功能
                        imageButton: ['upload', 'external'],
                        // 图片上传接口设置
                        upload: {
                            // 图片上传接口路径
                            url: 'uploadimage',
                            // 上传时的附加参数
                            params: null,
                            // 图片提交key
                            fileKey: 'file',
                            // 本地最大同时上传数
                            connectionCount: 3,
                            // 上传时退出的提示信息
                            leaveConfirm: '正在上传中，你确定要退出吗？'
                        },
                        // 允许粘贴图片时快速上传
                        pasteImage: true,
                        // 粘贴时清除html样式
                        cleanPaste: true,
                        // 允许的标签列表
                        allowedTags: ['br', 'span', 'a', 'img'],
                        // 允许的标签属性列表
                        allowedAttributes: {
                            img: ['src', 'alt'],
                            a: ['href', 'target'],
                            font: ['color'],
                            code: ['class']
                        },
                        // 允许的css样式列表
                        allowedStyles: {
                            span: ['color', 'font-size'],
                            b: ['color'],
                            i: ['color'],
                            strong: ['color'],
                            strike: ['color'],
                            u: ['color'],
                            p: ['margin-left', 'text-align'],
                            h1: ['margin-left', 'text-align'],
                            h2: ['margin-left', 'text-align'],
                            h3: ['margin-left', 'text-align'],
                            h4: ['margin-left', 'text-align']
                        },
                        // 插入代码支持的代码列表
                        codeLanguages: [{
                            name: 'C++',
                            value: 'c++'
                        }, {
                            name: 'C#',
                            value: 'cs'
                        }, {
                            name: 'CSS',
                            value: 'css'
                        }, {
                            name: 'HTML,XML',
                            value: 'html'
                        }, {
                            name: 'JSON',
                            value: 'json'
                        }, {
                            name: 'Java',
                            value: 'java'
                        }, {
                            name: 'JavaScript',
                            value: 'js'
                        }, {
                            name: 'Python',
                            value: 'python'
                        }, {
                            name: 'SQL',
                            value: 'sql'
                        }
                        ]
                    });
                    // $("#submit").click(function () {
                    //     console.log(editor.getValue());
                    // });
                    //Ajax方式提交
                    function ajax_sureSubmit(identificationNumber) {
                        //按钮设置 disabled="disabled"
                        document.getElementById(identificationNumber + "_submitForm").disabled = true;
                        //清空所有错误提示
                        var error_tag = getElementsByName_pseudo("span", "error");
                        for (var i = 0; i < error_tag.length; i++) {
                            error_tag[i].innerHTML = "";

                        }


                        var parameter = "";


                        //标签
                        var tagId = document.getElementById("tagId");

                        var index = tagId.selectedIndex; // 选中索引

                        var tagId_text = tagId.options[index].text; // 选中文本
                        var tagId_value = tagId.options[index].value; // 选中值

                        //获取标签
                        parameter += "&tagId=" + encodeURIComponent(tagId_value);

                        //获取标题
                        var title = document.getElementById("title").value;
                        parameter += "&title=" + encodeURIComponent(title);

                        //获取内容
                        var content = editor.getValue();
                        parameter += "&content=" + encodeURIComponent(content);


                        //删除第一个&号,防止因为多了&号而出现警告: Parameters: Invalid chunk ignored.信息
                        if (parameter.indexOf("&") == 0) {
                            parameter = parameter.substring(1, parameter.length);
                        }
                        post_request(function (value) {
                                var data = JSON.parse(value);
                                for (var returnValue in data) {

                                    if (returnValue == "success") {
                                        if (data[returnValue] == "true") {
                                            //需引入layer
                                            layer.msg('提交成功,3秒后自动刷新本页',
                                                {
                                                    time: 3000 //3秒关闭（如果不配置，默认是3秒）
                                                }, function () {//关闭后的操作
                                                    //刷新页面
                                                    document.location.reload();
                                                }
                                            );

                                        }
                                    } else if (returnValue == "error") {

                                        var error = data[returnValue];
                                        console.log(value);
                                        for (var key in error) {
                                            var error_html = document.getElementById(identificationNumber + "_" + key + "_error");
                                            console.log(key);
                                            if (error_html != null) {
                                                error_html.innerHTML = error[key];
                                                error_html.removeAttribute("disabled");
                                            }

                                        }
                                        //按钮设置 disabled="disabled"
                                        document.getElementById(identificationNumber + "_submitForm").disabled = false;
                                    }
                                }
                            },
                            "user/control/topic/add", true, parameter);
                    }
            </script>

        </form>
    </div>
</div>
<!--<div class="addTopic-disableFormModule">-->
<!--    <div class="disableForm-wrap">-->
<!--        <div class="respond">-->
<!--            <p>全站关闭发表话题</p>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->


